.loader {
  color: var(--loader-color, #1a202c);
}

.loaderCircle {
  display: inline-block;
  border-top: 2px solid currentcolor;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid transparent;
  border-left: 2px solid transparent;
  border-radius: 99999px;
  animation: fullRotation 0.45s linear infinite;
  width: var(--spinner-size);
  height: var(--spinner-size);
  --spinner-size: var(--loader-spinner-size, 2rem);
}

.loaderAccessibilityText {
  border: 0px;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
}

@keyframes fullRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
